<!-- 待办管理 -->
<template>
  <div>
    <yxt-table
      :api-url="getzbjg"
      title="待办管理"
      table-title="待办列表"
      :is-show-search="false"
      :table-column="tableColumn"
      :other-config="otherConfig"
      :setup-config="setupConfig"
      @edit="edit"
    />
  </div>
</template>

<script>
import yxtTable from '@/components/Table/index.vue'
import { getzbjg } from '@/api/zbjg.js'
export default {
  name: 'UserManagement',
  components: {
    yxtTable
  },
  data() {
    return {
      getzbjg,
      tableColumn: [
        { prop: 'ZBFWF_ZBBH', label: '模块名称', width: 'auto' },
        { prop: 'ZBFWF_ZBDW', label: '排序', width: 'auto' }
      ],
      // 表格属性
      tableConfig: {
        stripe: 'stripe',
        border: 'border',
        height: '140',
        maxHeight: '140',
        showHeader: true,
        highlightCurrentRow: true
      },
      otherConfig: {
        list: 'list'
      },
      // 操作按钮
      setupConfig: {
        fixed: 'right',
        width: 200,
        edit: true
      }
    }
  },
  methods: {
    handleDelete(row) {
      console.log(row, '删除')
    },
    handleAdd(selectionData) {
      console.log('新增', selectionData)
    },
    handleClickExport(data) {
      console.log(data)
    },
    stop(row) {
      console.log('停用', row)
    },
    edit(row) {
      console.log('编辑', row)
    }
  }
}
</script>
  <style scoped lang="scss">
.el-icon-circle-check {
  font-size: 28px;
  color: #67c23a;
}
.el-icon-circle-close {
  font-size: 28px;
  color: #f00;
}
</style>
